<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1 align="center">欢迎登陆武林秘籍管理系统</h1>
	<hr>
	<div align="center">
		<form action="/login" method="post">
			<label>
				用户名:
				<input type="text" name="username"/>
			</label><br>
			<label>
				密&nbsp;&nbsp;&nbsp;码:
				<input type="password" name="password">
			</label><br>
			<label>
				验证码:
				<input type="text" name="code">
			</label><br>
				<img src="/validcode" width="100" height="40" id="code" alt="验证码"/><br>
			<label>
				记住我:
				<input type="checkbox" name="remember-me"/>
			</label><span th:text="${msg}" style="color:red"></span><br>
			<input type="submit" value="登陆">
		</form>
	</div>

</body>
<script src="/webjars/jquery/3.6.0/jquery.min.js"></script>
<script>
	$(function () {$("#code").click(()=>{$("#code").attr("src","/validcode")})})
</script>
</html>